// 该文件用于创建Vuex中最为核心的store

// 引入Vue
import Vue from 'vue'
// 引入Vuex
import Vuex from 'vuex'

// 应用Vuex插件
Vue.use(Vuex)

// 准备 actions —— 用于响应组件中的动作
const actions = {
    /* jia(miniStore,value){
        console.log('actions被调用');
        miniStore.commit('JIA',value)
    },
    jian(miniStore,value){
        console.log('actions被调用');
        miniStore.commit('JIAN',value)
    }, */
    jiaOdd(miniStore,value){
        console.log('actions中的jiaOdd被调用');
        if(miniStore.state.sum % 2 ){
            miniStore.commit('JIA',value)
        }
    },
    jiaWait(miniStore,value){
        console.log('actions中的jiaWait被调用');
        setTimeout(() => {
            miniStore.commit('JIA',value)
        }, 500);
    },

}

// 准备 mutations —— 用于操作数据（state）
const mutations ={
    JIA(store,value){
        console.log('mutations的JIA被调用');
        store.sum += value ;
    },
    JIAN(store,value){
        console.log('mutations的JIAN被调用');
        store.sum -= value ;
    }
}

// 准备一个state —— 用于存储数据
const state = {
    sum:0, // 当前的值
}

// 准备一个getters —— 用于将state中的数据进行加工
const getters = {
    bigSum(state){
        return state.sum * 10 
    }
}

// 创建store
const store = new Vuex.Store({
    actions,
    mutations,
    state,
    getters,
})
// 暴露（导出）store
export default store; 